<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <title>timetable</title>
        <style>
            html{font-family:sans-serif;/*整个页面默认使用无衬线字体*/}
            table{
                border-collapse:collapse;/*合并相邻单元格边框，避免双线*/
                border:2px solid rgb(200,200,200);/*2px边框外框·，浅灰色*/
                letter-spacing: 1px;/*字间距为1px*/
                font-size:0.8rem;/*表格内文字为0.8rem*/
            }
            td,th {
                border:1px solid rgb(190,190,190);
                padding:10px 20px;/*内边距上下10px，左右20px*/
            }
            td{
                text-align:center; /*表格内容居中*/
            }

            caption{/*表格标题*/
                padding:10px;  
            }
        </style>
    </head>
    <body>
        <h1>School timetable</h1>
        <table>
            <colgroup>
                <col span="2">

                <col style="background-color:#97DB9A"/>
                <col style="width: 100px;"/>
                <col style="background-color: #97DB9A"/>
                <col style="background-color:#DCC48E;border:4px solid #C1437A"/>
                <col style="width: 100px"/>
                <col style="width: 100px"/>
            </colgroup>
            <tr>
                <th></th>
                <th>Mon</th>
                <th>Tues</th>
                <th>Wed</th>
                <th>Thurs</th>
                <th>Fri</th>
                <th>Sat</th>
                <th>Sun</th>
               

            </tr>
            <tr>
                <th>1st period</th>
                <td>English</td>
                <td></td>
                <td></td>
                <td>German</td>
                <td>Dutch</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>2nd period</th>
                <td>English</td>
                <td>English</td>
                <td></td>
                <td>German</td>
                <td>Dutch</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>3rd period</th>
                <td></td>
                <td>German</td>
                <td></td>
                <td>German</td>
                <td>Dutch</td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <th>4th period</th>
                <td></td>
                <td>English</td>
                <td></td>
                <td>English</td>
                <td>Dutch</td>
                <td></td>
                <td></td>
            </tr>
        </table>
    </body>
</html>